<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>快乐购</title>

		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/glyphicons-halflings.min.css">
		<link rel="stylesheet" type="text/css" href="css/default.min.css" />


		<!-- JS -->
		<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
	<!--头部开始-->
	<div style="height: 80px">
		<iframe src="head.html" scrolling="no"  style="width: 100%;"></iframe>
	</div>
	<!--头部结束-->
	<div style="margin: 0px auto;width: 1550px;">
		<!-- 滚动广告部分 -->
		<div id="carousel-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-generic" data-slide-to="1"></li>
				<li data-target="#carousel-generic" data-slide-to="2"></li>
				<li data-target="#carousel-generic" data-slide-to="3"></li>
				<li data-target="#carousel-generic" data-slide-to="4"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="carousel-item active">
					<img src="img/slides/web-101-101-1.jpg" class="img-fluid" alt="广告I" />
					<div class="carousel-caption">
						<h4>广告I</h4>
					</div>
				</div>
				<div class="carousel-item">
					<img src="img/slides/web-101-101-2.jpg" class="img-fluid" alt="广告II" />
					<div class="carousel-caption">
						<h4>广告II</h4>
					</div>
				</div>
				<div class="carousel-item">
					<img src="img/slides/web-101-101-3.jpg" class="img-fluid" alt="广告II" />
					<div class="carousel-caption">
						<h4>广告II</h4>
					</div>
				</div>
				<div class="carousel-item">
					<img src="img/slides/web-101-101-4.jpg" class="img-fluid" alt="广告III" />
					<div class="carousel-caption">
						<h4>广告III</h4>
					</div>
				</div>
				<div class="carousel-item">
					<img src="img/slides/web-101-101-5.jpg" class="img-fluid" alt="广告IV" />
					<div class="carousel-caption">
						<h4>广告IV</h4>
					</div>
				</div>
			</div>

			<!-- Controls -->
			<a class="carousel-control carousel-control-prev" href="#carousel-generic" role="button" data-slide="prev">
				<i class="carousel-control-prev-icon"></i>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control carousel-control-next" href="#carousel-generic" role="button" data-slide="next">
				<i class="carousel-control-next-icon" aria-hidden="true"></i>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<!-- //滚动广告部分结束 -->
	</div>
		<!-- 商品分类&搜索表单部分 -->
		<section class="container">

			<!-- 商品分类部分 -->
			<ul class="breadcrumb w-100 py-1">
				<li class="breadcrumb-item">
					<a href="">全部</a>
				</li>
				<li class="dropdown breadcrumb-item">
					<a href="products.html" class="dropdown-toggle" data-toggle="dropdown">女装/内衣</a>
					<ul class="dropdown-menu">
						<li class="dropdown-item">
							<a href="products.html">全部</a>
						</li>
						<li class="dropdown-divider"></li>
						<li class="dropdown-item">
							<a href="products.html">毛呢外套</a>
						</li>
						<li class="dropdown-item">
							<a href="products.html">羽绒服</a>
						</li>
						<li class="dropdown-item">
							<a href="products.html">棉服</a>
						</li>
					</ul>
				</li>
				<li class="dropdown breadcrumb-item">
					<a href="" class="dropdown-toggle" data-toggle="dropdown">男装/运动户外</a>
					<ul class="dropdown-menu">
						<li class="dropdown-item">
							<a href="products.html">全部</a>
						</li>
						<li class="dropdown-divider"></li>
						<li class="dropdown-item">
							<a href="products.html">单西</a>
						</li>
						<li class="dropdown-item">
							<a href="products.html">棉衣</a>
						</li>
					</ul>
				</li>
				<li class="dropdown breadcrumb-item">
					<a href="" class="dropdown-toggle" data-toggle="dropdown">女鞋/男鞋/箱包</a>
					<ul class="dropdown-menu">
						<li class="dropdown-item">
							<a href="products.html">全部</a>
						</li>
						<li class="dropdown-divider"></li>
						<li class="dropdown-item">
							<a href="products.html">平底单鞋</a>
						</li>
						<li class="dropdown-item">
							<a href="products.html">高跟单鞋</a>
						</li>
					</ul>
				</li>
				<li class="dropdown breadcrumb-item">
					<a href="" class="dropdown-toggle" data-toggle="dropdown">
						<span>手机/数码/电脑办公</span>
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li class="dropdown-item">
							<a href="products.html">全部</a>
						</li>
						<li class="dropdown-divider"></li>
						<li class="dropdown-item">
							<a href="products.html">笔记本</a>
						</li>
						<li class="dropdown-item">
							<a href="products.html">平板电脑</a>
						</li>
						<li class="dropdown-item">
							<a href="products.html">台式机</a>
						</li>
					</ul>
				</li>
			</ul>
			<!-- //商品分类部分结束 -->

			<!-- 搜索表单部分 -->
			<div class="row">
				<div class="col-sm-8 py-1">
					<img src="img/top_center.jpg" class="img-fluid" alt="" />
				</div>
				<div class="col-sm-4 py-1">
					<form action="products.html" method="get">
						<div class="input-group input-group-sm">
							<input type="search" class="form-control" placeholder="输入商品名称..." />
							<div class="input-group-append">
								<button class="btn btn-secondary">
									<i class="glyphicon-search"></i>
									<span class="sr-only">搜索</span>
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
			<!-- //搜索表单部分结束 -->
		</section>
		<!-- //商品分类&搜索表单部分 -->

		<!-- 页面主体部分 -->
		<section class="container">

			<div class="border-bottom">
				<span>全场低价商品</span>
				<small>精致好物 更快乐的生活</small>
				<a href="products.html" class="small">更多...</a>
			</div>

			<!-- 商品列表部分 -->
			<div class="container-fluid mt-1">
				<div class="row">
					<!-- 商品一 -->
					<div class="col-sm-3 product-item">
						<div class="img-thumbnail">
							<div>
								<a href="product.html">
									<img src="img/products/a.png" class="img-fluid rounded" />
								</a>
							</div>
						</div>
						<div class="title">
							<a href="products.html">棉衣女中长款韩版2017冬装新款羽绒棉服大毛领修身百搭棉袄外套潮</a>
						</div>
						<div class="price">
							<span>￥</span>
							<span>158.00</span>
						</div>
					</div>

					<!-- 商品二 -->
					<div class="col-sm-3 product-item">
						<div class="img-thumbnail">
							<div>
								<a href="product.html">
									<img src="img/products/b.png" class="img-fluid rounded" />
								</a>
							</div>
						</div>
						<div class="title">
							<a href="products.html">Five Plus新女冬装刺绣双排扣长款长袖毛呢西装外套2HD5345220</a>
						</div>
						<div class="price">
							<span>￥</span>
							<span>339.00</span>
						</div>
					</div>

					<!-- 商品三 -->
					<div class="col-sm-3 product-item">
						<div class="img-thumbnail">
							<div>
								<a href="product.html">
									<img src="img/products/c.png" class="img-fluid rounded" />
								</a>
							</div>
						</div>
						<div class="title">
							<a href="products.html">2017秋冬新款无双面羊绒大衣女短款韩版潮小个子羊毛呢子外套加厚</a>
						</div>
						<div class="price">
							<span>￥</span>
							<span>398.00</span>
						</div>
					</div>

					<!-- 商品四 -->
					<div class="col-sm-3 product-item">
						<div class="img-thumbnail">
							<div>
								<a href="product.html">
									<img src="img/products/d.png" class="img-fluid rounded" />
								</a>
							</div>
						</div>
						<div class="title">
							<a href="products.html">圣其罗-毛呢大衣女中长款2017新款双面呢子大衣羊毛外套秋冬大衣</a>
						</div>
						<div class="price">
							<span>￥</span>
							<span>808.00</span>
						</div>
					</div>

					<!-- 商品五 -->
					<div class="col-sm-3 product-item">
						<div class="img-thumbnail">
							<div>
								<a href="product.html">
									<img src="img/products/e.png" class="img-fluid rounded" />
								</a>
							</div>
						</div>
						<div class="title">
							<a href="products.html">2017秋冬新双面呢大衣女修身风衣手工无羊绒尼妮子毛呢外套中长款</a>
						</div>
						<div class="price">
							<span>￥</span>
							<span>1,060.00</span>
						</div>
					</div>

					<!-- 商品六 -->
					<div class="col-sm-3 product-item">
						<div class="img-thumbnail">
							<div>
								<a href="product.html">
									<img src="img/products/f.png" class="img-fluid rounded" />
								</a>
							</div>
						</div>
						<div class="title">
							<a href="products.html">王小鸭双面羊绒大衣女中长款2017新款韩版潮长袖秋冬装毛呢外套女</a>
						</div>
						<div class="price">
							<span>￥</span>
							<span>1,398.00</span>
						</div>
					</div>

					<!-- 商品七 -->
					<div class="col-sm-3 product-item">
						<div class="img-thumbnail">
							<div>
								<a href="product.html">
									<img src="img/products/g.png" class="img-fluid rounded" />
								</a>
							</div>
						</div>
						<div class="title">
							<a href="products.html">Lenovo/联想 拯救者 R720-15IKB游戏笔记本四核手提电脑15.6英寸</a>
						</div>
						<div class="price">
							<span>￥</span>
							<span>5,499.00</span>
						</div>
					</div>

					<!-- 商品八 -->
					<div class="col-sm-3 product-item">
						<div class="img-thumbnail">
							<div>
								<a href="product.html">
									<img src="img/products/h.png" class="img-fluid rounded" />
								</a>
							</div>
						</div>
						<div class="title">
							<a href="products.html">Apple MacBook Air 13.3英寸笔记本电脑I5 8G 128G MQD32CH/A银色</a>
						</div>
						<div class="price">
							<span>￥</span>
							<span>6,058.00</span>
						</div>
					</div>
				</div>
			</div>
			<!-- //商品列表部分结束 -->

		</section>
		<!-- //页面主体部分结束 -->
	<div style="height:800px;margin: 0px auto">
		<iframe src="footer.html" scrolling="no"  style="width: 100%;height: 100%;border: 0px"></iframe>
	</div>
	</body>

</html>
